@import "../../scss/reset.scss";

body,
html {
    width: 100%;
    height: 100%;
}

.left {
    height: 100%;
    width: 180px;
    background: #f5f5f5;
    float: left;

    .left_s {
        height: 87%;
        width: 126px;
        margin: 50px 24px 50px 30px;
        position: relative;
        overflow: hidden;


        span {
            display: block;
            position: absolute;
            width: 126px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            cursor: pointer;
        }

        .shang {
            top: 0;
        }

        .xia {
            bottom: 0;
        }




        .left_box {
            width: 126px;
            height: 91.5%;
            margin: 30px 0 30px 0;
            overflow: hidden;
            position: relative;

            ul {
                position: absolute;
                top: 0px;

                li {
                    border: 3px solid #d4d4d4;
                    margin-bottom: 10px;

                    img {
                        width: 114px;
                        height: 114px;
                    }
                }

                .border_c {
                    border: 3px solid #febf0f !important;
                    position: relative;

                }

                .border_c:after {
                    content: "";
                    width: 0;
                    height: 0;
                    border-width: 6px;
                    border-style: solid;
                    border-color: transparent transparent transparent #febf0f;
                    position: absolute;
                    top: 50px;
                    right: -15px;
                }

                li:hover {
                    border: 3px solid #febf0f !important;
                    position: relative;
                }

                li:hover:after {
                    content: "";
                    width: 0;
                    height: 0;
                    border-width: 6px;
                    border-style: solid;
                    border-color: transparent transparent transparent #febf0f;
                    position: absolute;
                    top: 50px;
                    right: -15px;
                }
            }

        }
    }
}
.right{
    width: calc(100% - 180px);
    height: 100%;
    overflow: hidden;
    float: left;
    
    
    .title{
        width: 100%;
        height: 70px;
        margin-top: 30px;
        p{
            font-size: 16px;
            font-weight: bold;
            text-align: center;
        }
        a{
            display: block;
            margin: 0 auto;
            width: 148px;
            height: 22px;
            background: red;
            color: white;
            line-height: 22px;
            text-align: center;
            margin-top: 10px;
            font-size: 12px;
            border: none;
        }

    }
    .show{
        width: 600px;
        height: 600px;
        overflow: hidden;
        margin: 0 auto;
        background: red;
    }
}
